$(function () {


  let bannerTop = $(".banner").offset().top;
  console.log(bannerTop);
  $(window).scroll(function () {
    let scrollPosition = $(this).scrollTop(); // 获取滚动条的位置

    if (scrollPosition >= bannerTop) {
      $(".nav").css({
        position: "sticky",
        zIndex: 20,
      });
      $(".nav .nav_bottom ul li>a").css({
        fontSize: "20px",
      });
    } else {
      $(".nav").css("position: relative");
      $(".nav .nav_bottom ul li>a").css({
        fontSize: "16px",
      });
    }
  });

  $(".main .main_footer > .liji").hover(
    function () {
      $(this)
        .css({
          backgroundColor: "red",
          color: "white",
        })
        .siblings()
        .show();

      //  $(".main .main_footer .weixin").css("display: block")
      // console.log($(".main .main_footer .weixin"));
    },
    function () {
      $(this)
        .css({
          backgroundColor: "",
          color: "",
        })
        .siblings()
        .hide();
    }
  );
   let mainBox = $(".main").offset().top;
  $(window).scroll(function () {
    let scrollPosition = $(this).scrollTop(); // 获取滚动条的位置
 

    if (scrollPosition >= mainBox) {
       $(".main .main_bottom ul li img").addClass(
         "animate__animated animate__fadeInDown"
       );
    } else {
      $(".main .main_bottom ul li img").removeClass(
        "animate__animated animate__fadeInDown"
      );
    }
  });

     let articleTop=  $(".article").offset().top
       $(window).scroll(function () {
         let scrollPosition = $(this).scrollTop(); // 获取滚动条的位置

         if (scrollPosition >= articleTop) {
           $(".article .article-left").addClass(
             "animate__animated animate__fadeInLeftBig"
           );
           $(".article .article-right").addClass(
             "animate__animated animate__fadeInRightBig"
           );
         } else {
           $(".article .article-left").removeClass(
             "animate__animated animate__fadeInLeftBig"
           );
               $(".article .article-right").removeClass(
                 "animate__animated animate__fadeInRightBig"
               );
         }
       });

  //右侧电梯导航

  $(".navbar ul li:nth-child(1)").hover(
    function () {
      // $(this).stop().animate({width: 300},1000)
      $(".navbar ul li >.one")
        .stop()
        .animate(
          {
            width: "170px",
          },
          500
        )
        .siblings()
        .stop()
        .fadeIn(1000);
    },
    function () {
      // $(this).stop().animate({width: 100},1000)
      $(".navbar ul li >.one")
        .stop()
        .animate({ width: "0" }, 500)
        .siblings(".one-show")
        .stop()
        .fadeOut();
    }
  );

  $(".navbar ul li:nth-child(2)").hover(
    function () {
      // $(this).stop().animate({width: 300},1000)
      $(".navbar ul li >.two")
        .stop()
        .animate(
          {
            width: "170px",
          },
          500
        )
        .siblings(".two-show")
        .stop()
        .fadeIn(1000);
    },
    function () {
      // $(this).stop().animate({width: 100},1000)
      $(".navbar ul li >.two")
        .stop()
        .animate({ width: "0" }, 500)
        .siblings(".two-show")
        .stop()
        .fadeOut();
    }
  );

  $(".navbar ul li:nth-child(3)").hover(
    function () {
      // $(this).stop().animate({width: 300},1000)
      $(".navbar ul li >.three")
        .stop()
        .animate(
          {
            width: "170px",
          },
          500
        )
        .siblings(".three-show")
        .stop()
        .fadeIn(1000);
    },
    function () {
      // $(this).stop().animate({width: 100},1000)
      $(".navbar ul li >.three")
        .stop()
        .animate({ width: "0" }, 500)
        .siblings(".three-show")
        .stop()
        .fadeOut();
    }
  );

  $(".navbar ul li:nth-child(4)").hover(
    function () {
      // $(this).stop().animate({width: 300},1000)
      $(".navbar ul li >.four")
        .stop()
        .animate(
          {
            width: "170px",
          },
          500
        )
        .siblings(".four-show")
        .stop()
        .fadeIn(1000);
    },
    function () {
      // $(this).stop().animate({width: 100},1000)
      $(".navbar ul li >.four")
        .stop()
        .animate({ width: "0" }, 500)
        .siblings(".four-show")
        .stop()
        .fadeOut();
    }
  );

  //  返回顶部按钮开始
  $(window).scroll(function () {
    let scrollPosition = $(this).scrollTop(); // 获取滚动条的位置

    if (scrollPosition == 0) {
      $(".nav-btn").hide();
    } else {
      $(".nav-btn").show();
    }
  });

  $(".nav-btn").on("click", function () {
    $("html,body").animate({ scrollTop: 0 }, 1000);
  });
  //  返回顶部按钮结束
  //  console.log($(".flow .flow-bottom ul li img"));
      //  function lanjiazai() {
      //       for (
      //         var i = 0;
      //         i <= $("body").find(".flow .flow-bottom ul li img").length - 1;
      //         i++
      //       ) {
      //         obj = $("body").find(
      //           ".flow .flow-bottom ul li img:eq(" + i + ")"
      //         );
      //         obj.offset().top;
      //         wh = $(window).height();
      //         $(document).scrollTop();
      //         var xh = wh - (obj.offset().top - $(document).scrollTop());
      //         var srcbooleans =
      //           typeof obj.attr("src") == "undefined" || obj.attr("src") == "";
      //         if (xh > 0 && srcbooleans) {
      //           var lansrc = $("body")
      //             .find(".flow .flow-bottom ul li img:eq(" + i + ")")
      //             .attr("lan-src");
      //           $("body")
      //             .find(".flow .flow-bottom ul li img:eq(" + i + ")")
      //             .attr("src", lansrc);
      //         }
      //       }
      //   }
        


});
